<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id = "box">
       <div>
           <input v-model="inputValue" >
       </div>
        <div>
            <ul >
                <li v-for="data in dataList ">
                    {{data}}
                </li>
            </ul>
        </div>
    </div>
    <script>
      var obj = {
          data(){
              return {
                  inputValue:"",
                  dataList:["aa","abss","bb","cc","ac","bc"],
                  bakList:["aa","abss","bb","cc","ac","bc"]
              }
          },
          watch:{
              inputValue(value,oldValue){
                  this.dataList = this.bakList.filter(item=>item.includes(value))
              }
          }

      }
      var app = Vue.createApp(obj).mount("#box")
    </script>
</body>
</html>